<template>
  <div class="app-container">
    <div class="table-btn">
      <el-button type="primary" size="small" @click="update()">修改</el-button>
    </div>
    <table>
      <tr>
        <td>营业执照</td>
        <td>资质证书</td>
        <td>总数</td>
        <td>借出数量</td>
        <td>管理体系</td>
        <td>总数</td>
        <td>借出数量</td>
        <td>公司荣誉</td>
        <td>总数</td>
        <td>借出数量</td>
        <td>公司奖项</td>
        <td>总数</td>
        <td>借出数量</td>
      </tr>
      <tr>
        <td>
          <span>总数(正本):</span>
          <input type="text" v-model="teamRow.businessOriginal">
        </td>
        <td>
          <ul>
            <li class="title">建筑行业（建筑工程）甲级、风景园林工程设计专项甲级、市政行业（道路工程）专业甲级</li>
          </ul>
        </td>
        <td>
          <span>总数(正本):</span>
          <input type="text" v-model="teamRow.aptitudeOneOriginal">
        </td>
        <td>
          <span>借出数量(正本):{{teamRow.aptitudeOneOriginalLend}}</span>
        </td>
        <td>
          <ul>
            <li class="title">质量管理体系认证证书</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.manageOne">
        </td>
        <td>
          <input type="text" v-model="teamRow.manageOneLend">
        </td>
        <td>
          <ul>
            <li class="title">浙江省科技型中小企业</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesOne">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesOneLend">
        </td>
        <td>
          建筑
        </td>
        <td>
        </td>
        <td>
        </td>
      </tr>
      <tr>
        <td>
          <span>借出数量(正本):{{teamRow.businessOriginalLend}}</span>
        </td>
        <td>
        </td>
        <td>
          <span>总数(副本):</span>
          <input type="text" v-model="teamRow.aptitudeOneTranscript">
        </td>
        <td>
          <span>借出数量(副本):{{teamRow.aptitudeOneTranscriptLend}}</span>
        </td>
        <td>
          <ul>
            <li class="title">环境管理体系认证证书</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.manageTwo">
        </td>
        <td>
          <input type="text" v-model="teamRow.manageTwoLend">
        </td>
        <td>
          <ul>
            <li class="title">杭州市高新技术企业</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesTwo">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesTwoLend">
        </td>
        <td class="subitem">
          <span>子项:</span>
          <input type="text" v-model="teamRow.architectureSubkey">
        </td>
        <td>
          <input type="text" v-model="teamRow.architectureCount">
        </td>
        <td>
          <input type="text" v-model="teamRow.architectureCountLend">
        </td>
      </tr>
      <tr>
        <td>
          <span>副本数量:</span>
          <input type="text" v-model="teamRow.businessTranscript">
        </td>
        <td>
          <ul>
            <li class="title">市政行业（给水工程、排水工程、桥梁工程）乙级；公路行业（公路）专业丙级；水利行业（城市防洪、河道整治）专业丙级</li>
          </ul>
        </td>
        <td>
          <span>总数(正本):</span>
          <input type="text" v-model="teamRow.aptitudeTwoOriginal">
        </td>
        <td>
          <span>借出数量(正本):{{teamRow.aptitudeTwoOriginalLend}}</span>
        </td>
        <td>
          <ul>
            <li class="title">职业健康安全管理体系认证证书</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.manageThree">
        </td>
        <td>
          <input type="text" v-model="teamRow.manageThreeLend">
        </td>
        <td>
          <ul>
            <li class="title">浙江省勘察设计行业企业文化建设“二星”</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesThree">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesThreeLend">
        </td>
        <td>
          景观
        </td>
        <td>
        </td>
        <td>
        </td>
      </tr>
      <tr>
        <td>
          <span>借出数量(副本):{{teamRow.businessTranscriptLend}}</span>
        </td>
        <td>
        </td>
        <td>
          <span>总数(副本):</span>
          <input type="text" v-model="teamRow.aptitudeTwoTranscript">
        </td>
        <td>
          <span>借出数量(副本):{{teamRow.aptitudeTwoTranscriptLend}}</span>
        </td>
        <td>

        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
          <ul>
            <li class="title">全国质量、服务、信誉AAA及企业</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesFour">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesFourLend">
        </td>
        <td class="subitem">
          <span>子项:</span>
          <input type="text" v-model="teamRow.scenerySubkey">
        </td>
        <td>
          <input type="text" v-model="teamRow.sceneryCount">
        </td>
        <td>
          <input type="text" v-model="teamRow.sceneryCountLend">
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
          <ul>
            <li class="title">城乡规划编制乙级</li>
          </ul>
        </td>
        <td>
          <span>总数(正本):</span>
          <input type="text" v-model="teamRow.aptitudeThreeOriginal">
        </td>
        <td>
          <span>借出数量(正本):{{teamRow.aptitudeThreeOriginalLend}}</span>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
          <ul>
            <li class="title">国家高新企业</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesFive">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesFiveLend">
        </td>
        <td>
          市政
        </td>
        <td>
        </td>
        <td>
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
          <span>总数(副本):</span>
          <input type="text" v-model="teamRow.aptitudeThreeTranscript">
        </td>
        <td>
          <span>借出数量(副本):{{teamRow.aptitudeThreeTranscriptLend}}</span>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
          <ul>
            <li class="title">浙江省AA级“守合同重信用”</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesSix">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesSixLend">
        </td>
        <td class="subitem">
          <span>子项:</span>
          <input type="text" v-model="teamRow.civicismSubkey">
        </td>
        <td>
          <input type="text" v-model="teamRow.civicismCount">
        </td>
        <td>
          <input type="text" v-model="teamRow.civicismCountLend">
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
          <ul>
            <li class="title">浙江省勘察设计行业协会第六届理事会“理事单位”</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesSeven">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesSevenLend">
        </td>
        <td>
          规划
        </td>
        <td>
        </td>
        <td>
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
          <ul>
            <li class="title">杭州市总工会“先进职工之家”</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesEight">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesEightLend">
        </td>
        <td class="subitem">
          <span>子项:</span>
          <input type="text" v-model="teamRow.programmeSubkey">
        </td>
        <td>
          <input type="text" v-model="teamRow.programmeCount">
        </td>
        <td>
          <input type="text" v-model="teamRow.programmeCountLend">
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
          <ul>
            <li class="title">省勘察设计协会诚信单位</li>
          </ul>
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesNine">
        </td>
        <td>
          <input type="text" v-model="teamRow.companyGloriesNineLend">
        </td>
        <td>
          装饰
        </td>
        <td>
        </td>
        <td>
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td class="subitem">
          <span>子项:</span>
          <input type="text" v-model="teamRow.decorateSubkey">
        </td>
        <td>
          <input type="text" v-model="teamRow.decorateCount">
        </td>
        <td>
          <input type="text" v-model="teamRow.decorateCountLend">
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
          BIM
        </td>
        <td>
        </td>
        <td>
        </td>
      </tr>
      <tr>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td>
        </td>
        <td class="subitem">
          <span>子项:</span>
          <input type="text" v-model="teamRow.bimSubkey">
        </td>
        <td>
          <input type="text" v-model="teamRow.bimCount">
        </td>
        <td>
          <input type="text" v-model="teamRow.bimCountLend">
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
  import {
    selectCompanyInformation,
    updateCompanyInformation
  } from '@/api/companyInformation'

  export default {
    components: {},
    data() {
      return {
        teamRow: {}
      }
    },
    created() {
      this.fetchData()
    },
    methods: {
      fetchData() {
        this.listLoading = true
        const params = {
          companyId: 1
        }
        selectCompanyInformation(params).then(response => {
          this.teamRow = Object.assign({}, this.teamRow, response.responseBody)
        })
      },
      update() {
        updateCompanyInformation(this.teamRow).then(response => {
          this.fetchData()
        })
      }
    },
    mounted() {
    }
  }
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .app-container {
    table, table tr th, table tr td {
      border: 1px solid #ebeef5
    }
    input {
      margin-left: 5px;
      width: 25px;
      outline: none;
      border-radius: 0;
      border: 0;
      color: rgb(96, 98, 102);
    }
    table {
      margin-right: 20px;
      line-height: 25px;
      text-align: center;
      border-collapse: collapse;
    }
    table {
      tr {
        td {
          min-width: 140px;
          border-collapse: separate;
          box-sizing: border-box;
          color: rgb(96, 98, 102);
          font-size: 12px;
          line-height: 23px;
          padding: 8px 10px;
          &.subitem{
            min-width: 270px;
            input{
              width: 200px;
            }
          }
          ul {
            display: flex;
            justify-content: center;
            align-items: center;
            li {
              min-width: 110px;
              &.title {
                width: 260px;
                white-space: normal;
                input {
                  width: 150px;
                }
              }
            }
          }
        }
      }
    }
    .table-btn {
      margin-bottom: 20px;
    }
  }

</style>


<style rel="stylesheet/scss" lang="scss">

</style>
